<template>
<view class='uni-icon' :style='style' />
</template>

<script setup lang="ts">
  import { IconProps } from '../props'
  import { useIconfont } from '../useIconfont'
  import { computed } from 'vue'
  const props = defineProps(IconProps)
  const {
  colors,
  svgSize,
  quot,
  isStr,
  } = useIconfont(props)
  const style = computed(() => {
      return `background-image: url(${quot.value}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize.value}px' height='${svgSize.value}px'%3E%3Cpath d='M511.94881 0C229.227754 0 0.05119 230.814637 0 515.532094c3.941612 281.90202 231.992002 508.314337 511.89762 508.314337s507.956009-226.412318 511.897621-508.314337c-0.05119-284.615077-229.125375-515.378524-511.744051-515.480904h-0.10238z' fill='${(isStr.value ? colors.value : colors.value[0]) || 'rgb(232,248,251)'}' /%3E%3Cpath d='M733.856429 432.246351v-1.023796c0-1.023795-0.460708-2.04759-0.921416-3.071385l-30.969806-107.037793c-7.115377-21.909218-26.157968-35.679264-50.473105-35.679264H369.743651c-23.803239 0-41.873225 13.258148-48.579084 34.655469l-34.29714 109.597281c0 0.511898-0.460708 1.535693-0.460708 2.508298-3.276145 10.186763-4.760648 20.885423-4.760648 31.584083 0 37.214957 9.982004 67.263347 40.90062 84.616677 12.387922 7.166567 27.642472 11.210558 44.279144 11.210558 28.103179 0 54.261148-13.258148 71.870426-35.679264 17.609278 22.421116 43.357728 35.679264 71.409718 35.679264 27.642472 0 53.80044-13.258148 70.94901-35.679264 17.609278 22.421116 43.767247 35.679264 71.870426 35.679264 17.14857 0 32.35193-4.043991 45.20056-11.210558 30.509098-18.325935 40.439912-47.913617 40.439912-85.077385 0.05119-10.647471-1.382124-21.346131-4.709458-31.072185z m-15.971206 162.629874c0-10.237952-7.729654-18.377125-17.353329-18.377125-1.945211 0-3.378524 0.511898-4.863028 1.023795a102.824875 102.824875 0 0 1-41.463707 7.627275c-27.488902-1.535693-48.271946-7.166567-68.543091-25.543691a109.771326 109.771326 0 0 1-71.870426 28.615077c-27.028194 0-52.623075-7.678464-72.382324-25.543692-20.271146 17.865227-45.866027 27.079384-72.843031 27.079385-16.431914 0-26.055589-3.583283-41.003-9.162968-0.460708 0-0.972605-0.511898-1.433313-0.511897-0.972605-0.511898-1.945211-0.511898-2.405919-1.023796 0 0-2.405919-0.511898-3.890422-0.511897-9.623675 0-17.353329 8.139172-17.353329 18.377124v98.540292c0 26.004399 19.759248 46.941012 44.381524 46.941012h326.641871c24.622276 0 44.381524-21.44851 44.381524-46.941012v-100.587882z m0 0' fill='${(isStr.value ? colors.value : colors.value[1]) || 'rgb(100,204,225)'}' /%3E%3C/svg%3E${quot.value}); width: ${svgSize.value}px; height: ${svgSize.value}px;`
  })
</script>
